@include('header')
@include('template.banner')
<div class="container">
    <div class="row padding-top-30 realmbox">
        <div class="col-md-3 visible-md hidden-sm hidden-xs">

            <div class="sub-nav-boxrealm">
                <div class="sub-nav visible-md hidden-sm hidden-xs" id="subNav">
                    <ul>
                        @foreach($list as $item)
                            <li data-id="{{ $item['id'] }}" @if($item['id'] == $info['id']) class="active" @endif>
                                <a href="{{ route('domain-detail', ['id' => $item['id']]) }}">{{ $item['name'] }}</a>
                            </li>
                        @endforeach
                    </ul>
                </div>
                <img src="{{asset('images/navimages.jpg')}}" />
                <div class="text-center padding-top-30">
                    <p>
                        <span class="font-size-16 text-white">法律咨询热线</span>
                    </p>
                    <p>
                        <span class="font-weight-700 text-white font-size-24">{{$phone->value}}</span>
                    </p>
                </div>
            </div>
            <script type="text/javascript">
                var $subNav = $("#subNav");
                $subNav.children("ul").find("li").InitNav("{{ $info['id'] }}");

                $subNav = $("#subNav");
                $subNav.find("li[data-id='{{ $info['id'] }}']").addClass("active");
                var $subLis = $subNav.find("li");
                var $subLi = $subNav.find("li[data-id='{{ $info['id'] }}']");
                $subLis.each(function () {
                    var $this = $(this);
                    $this.children("a").on("mouseenter", function () {
                        $subLis.removeClass("active");
                        $this.addClass("active");
                    });
                });
                $subNav.on("mouseleave", function () {
                    $subLis.removeClass("active");
                    $subLi.addClass("active");
                });
            </script>
        </div>
        <div class="col-md-9 right">
            <div class="box">
                <div class="headline position-relative">
                    <div class="text-left one">
                        {{ $info['name'] }}
                    </div>
                    <div class="text-right font-size-16 two visible-md hidden-sm hidden-xs">
                        <p>{{$phone->value}}</p>
                        <p>我们提供专业律法服务</p>
                    </div>
                </div>
                <div class="info-content padding-bottom-20">
                    {!! $info['content'] !!}
                </div>
            </div>
        </div>
    </div>
</div>


@include('bottom')
